<template>
    <div class="student">
        <h4>学生姓名:{{name}}</h4>
        <h4>学生年龄:{{age}}</h4>
        <button @click="sendStudentName">把学生名给app</button>
        <!-- 解绑student事件 -->
        <button @click="unbindStudent">解绑student事件</button>
        <button @click="death">销毁student组件实例</button>

    </div>
</template>

<script>

    export default {
        name : 'Student',
        data(){
            return {
                name:'zw',
                age:18,
            }
        },
        methods: {
            sendStudentName(){
                // 触发 student实例的方法
                this.$emit('student',this.name)
                this.$emit('event2')
            },
            unbindStudent(){
                // 解绑一个事件
                //this.$off('student')
                // 解绑多个事件
                this.$off(['student','event2'])
                //this.$off()// 解绑所有事件
            },
            death(){
                this.$destroy()
            }
        },

    };
</script>
<style scoped>
    .student{
        background-color: springgreen;
        padding: 5px;
        margin-top: 30px;
    }
</style>
